<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<script src="assets/js/jquery.lazyload.min.js"></script>
	<style type="text/css">
		*{ padding:0; margin:0}
		*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
		html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
		ul,ul li{ list-style:none;}
		/*basic*/

		.banner{float: left;width: 100%;}
		.banner .ban1 img{width: 100%;}
		.banner .ban2 img{width: 100%;}
		.banner .ban3 img{width: 100%;}
		.banner .ban4 img{width: 100%;}
		.banner .ban5 img{width: 100%;}
		.banner .ban6 img{width: 100%;}
		.fade-in {
    -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-11-13 19:18:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
		/* 内容区 */
	</style>
</head>
<body>
<!-- banner-stard -->
<div class="banner fade-in">
	<p class="ban1">
		<img src="images/bt_5/bt_1.jpg" align="absmiddle">
	</p>

</div>

<div class="banner fade-in">
	<p class="ban2">
		<img src="images/bt_5/bt_2.jpg" align="absmiddle">
	</p>

</div>

<div class="banner fade-in">
	<p class="ban3">
		<img src="images/bt_5/bt_3.jpg" align="absmiddle">
	</p>

</div>

<div class="banner fade-in">
	<p class="ban4">
		<img src="images/bt_5/bt_4.jpg" align="absmiddle">
	</p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_5.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_6.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_7.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_8.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_9.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_10.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_11.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_12.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_13.jpg" align="absmiddle">
    </p>

</div>

<div class="banner fade-in">
    <p class="ban4">
        <img src="images/bt_5/bt_14.jpg" align="absmiddle">
    </p>

</div>


<!-- banner-end -->
<<script type="text/javascript">
     function loadImage(src, callback) {
	var img = new Image();
	//img.onload = callback;
	img.onload=function(){
		img.onload =null;
        callback();
	}
	img.src = src;
	}
</script>

</body>
</html>
